<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <title>厅干部平时考核管理系统</title>
    <link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>"/>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
    <!--柱状图-->
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/echarts.min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/index.js'/>"></script>
    <!--柱状图结束-->
    <!--文字上下滚动-->
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/scrolling.js'/>" ></script>
</head>
<script>
    function eConsole(param) {
//        console.log($("#deptName").val());
//        console.log(param.name);
       // if($("#deptName").val()==param.name){
            $("#name").val(param.name);
            setEcharts();
            $("tr[name='trList']").text("");
            $("#khpm").after("<tr name=\"trList\" ><td><span class=\"span1\"></span></td><td>程砚2123秋</td><td>20</td><td>15</td><td>15</td><td>40</td><td>10</td><td>100</td></tr>");
       // }
    }
</script>
<body>
<div class="njga">
    <!--rt-->
    <div class="njga_rt_main" style="height: 100%;">
        <!-- 保存当前部门的ID，parentid（deptid） -->
        <input type="hidden" name="deptId" id="deptId"  />
        <input type="hidden" name="name" id="name"  />
        <input type="hidden" name="deptName" id="deptName" value="${deptName }"  />
        <!--rt_bottom-->
        <div class="njga_bottom" style="height: 100%;">
            <div class="njga_bottom_main">
                <div class="njga_bottom_rt">
                    <!--通知通报-->
                    <div class="njga_bottom_top njga_bottom_top1">
                        <div class="index_tztb">
                            <div class="title index_tztb_title">
                                <span class="span_hov">通知通报</span>
                                <span class="span1">工作提醒</span>
                            </div>
                            <div class="index_tztb_tab_w">
                                <div class="index_tztb_tab" style="display: block;">
                                    <div class="date_select_w">
                                        <div class="date_select" id="date_select">
                                            <p>当月</p>
                                            <div class="arrow"></div>
                                        </div>
                                        <ul class="date_select_xl">
                                            <li>10 月</li>
                                            <li>11 月</li>
                                            <li>12 月</li>
                                        </ul>
                                    </div>
                                    <div class="text_large">本月尚未对本部门的绩效考核指标进行评价，请尽快评价！</div>
                                    <div class="date">2017-10-29</div>
                                    <div class="text_small_wraper" id="text_small_wraper">
                                        <div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
                                        <div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
                                        <div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
                                        <div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
                                        <div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
                                        <div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
                                    </div>
                                </div>
                                <div class="index_tztb_tab index_tztb_tab1">
                                    <div class="text_small_wraper" id="text_small_wraper1" style="height: 185px;">
                                        <div class="text_small" title="测试5已经提交了10月份自评，请尽快完成评鉴！"><a href="javascript:gotoPj()"  style="font-size: 15px;color:white;">测试5已经提交了10月份自评，请尽快完成评鉴！</a></div>
                                        <div class="text_small_date">2017-11-17</div>
                                        <div class="text_small">上月您的月度纪实尚未填写，请及时完成！</div>
                                        <div class="text_small_date">2017-11-01</div>
                                        <div class="text_small">上周您的周纪实尚未填写，请及时完成！</div>
                                        <div class="text_small_date">2017-11-23</div>
                                        <div class="text_small">请及时完成昨天日志！</div>
                                        <div class="text_small_date">2017-11-16</div>
                                        <div class="text_small">上月您的月度纪实尚未填写，请及时完成！</div>
                                        <div class="text_small_date">2017-11-01</div>
                                        <div class="text_small">上周您的周纪实尚未填写，请及时完成！</div>
                                        <div class="text_small_date">2017-11-23</div>
                                        <div class="text_small">请及时完成昨天日志！</div>
                                        <div class="text_small_date">2017-11-16</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--考核进度-->
                    <div class="njga_bottom_bottom">
                        <div class="index_khjd">
                            <div class="title">考核进度</div>
                            <table class="khjd_tabl">
                                <tr>
                                    <td>状态</td>
                                    <td>数量</td>
                                </tr>
                                <tr>
                                    <td>已确认</td>
                                    <td>
                                        <span class="span1">12</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>已打分</td>
                                    <td>
                                        <span class="span2">15</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>未打分</td>
                                    <td>
                                        <span class="span3">11</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>未自评</td>
                                    <td>
                                        <span class="span3">22</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="njga_bottom_lf">
                    <div class="njga_bottom_lf_main" id="njga_bottom_lf_main">
                        <!--绩效考核-->
                        <div class="njga_bottom_top">
                            <div class="index_jxkh">
                                <div class="index_jxkh_main" id="jxkh" style="width: 763px;height: 200px;"></div>
                            </div>
                        </div>
                        <!--考核排名-->
                        <div class="njga_bottom_bottom">
                            <div class="index_khpm">
                                <div class="index_khpm_main">
                                    <div class="title">考核排名</div>
                                    <table class="khpm_tabl">
                                        <tr id="khpm">
                                            <td>排名</td>
                                            <td>姓名</td>
                                            <%--<td>部门</td>--%>
                                            <td>德</td>
                                            <td>能</td>
                                            <td>勤</td>
                                            <td>绩</td>
                                            <td>廉</td>
                                            <td>总分</td>
                                        </tr>
                                        <div >
                                        <tr name="trList" >
                                            <td>
                                                <span class="span1"></span>
                                            </td>
                                            <td>程砚秋</td>
                                           <%-- <td>政治处</td>--%>
                                            <td>20</td>
                                            <td>15</td>
                                            <td>15</td>
                                            <td>40</td>
                                            <td>10</td>
                                            <td>100</td>
                                        </tr>
                                        <tr name="trList" >
                                            <td>
                                                <span class="span2"></span>
                                            </td>
                                            <td>应治邦</td>
                                           <%-- <td>人事处</td>--%>
                                            <td>19</td>
                                            <td>14</td>
                                            <td>14</td>
                                            <td>39</td>
                                            <td>10</td>
                                            <td>96</td>
                                        </tr>
                                        <tr  name="trList" >
                                            <td>
                                                <span class="span3"></span>
                                            </td>
                                            <td>徐守龙</td>
                                            <%--<td>宣传处</td>--%>
                                            <td>19</td>
                                            <td>14</td>
                                            <td>14</td>
                                            <td>39</td>
                                            <td>9</td>
                                            <td>95</td>
                                        </tr>
                                        <tr  name="trList" >
                                            <td>
                                                <span>4</span>
                                            </td>
                                            <td>宗世杰</td>
                                            <%--<td>保卫处</td>--%>
                                            <td>18</td>
                                            <td>15</td>
                                            <td>15</td>
                                            <td>38</td>
                                            <td>8</td>
                                            <td>94</td>
                                        </tr>
                                        <tr  name="trList">
                                            <td>
                                                <span>5</span>
                                            </td>
                                            <td>朱腾芬</td>
                                            <%--<td>治安处</td>--%>
                                            <td>17</td>
                                            <td>13</td>
                                            <td>13</td>
                                            <td>38</td>
                                            <td>9</td>
                                            <td>90</td>
                                        </tr>
                                        </div>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--柱状图结束-->
<script type="text/javascript">
    function getContentSize() {
        var h = document.documentElement.clientHeight; //clientHeight内容可视区域的高度
        ch = ( h - 44 ) + "px";
        document.getElementById("njga_bottom_lf_main").style.height = ch;
    }
    window.onload = getContentSize; //页面加载时调用getContentSize()
    window.onresize = getContentSize; //当改变窗口大小时会出发getContentSize()
    //文字上下滚动
    var str1= new Marquee(
            "text_small_wraper", //容器ID
            0,  //向上滚动（0为向上、1为向下、2为向左、3为向右)
            2,  //滚动的步长
            250,  //容器可视宽度
            75,  //容器可视高度
            50,  //定时器 数值越小，滚动的速度越快（1000=1秒，建议不小于20）
            2000,  //间歇停顿时间（0为不停顿，1000=1秒）
            1000,  //开始时的等待时间（0为不等待，1000=1秒）
            25  //间歇滚动间距（可选）
    );
    //文字上下滚动结束

    //通知通报tab切换
    $(".index_tztb_title > span").click(function(){
        $(this).addClass("span_hov").siblings().removeClass("span_hov");
        var bb = $(this).index();
        $(".index_tztb_tab_w > .index_tztb_tab").eq(bb).show().siblings().hide();
    });
    //通知通报月份选择下拉
    $(document).click(function() {
        $(".date_select_xl").slideUp(200);
    });
    $("#date_select").click(function(e) {
        e = e || window.event;
        if(e.stopPropagation) {
            e.stopPropagation();
        } else {
            e.cancelBubble = true;
        }
        $(this).next(".date_select_xl").slideToggle(200);
        var selecttext = $(this).children("p");
        var selectmain = $(this).next(".date_select_xl");
        var lis = selectmain.find('li');
        for(var i = 0; i < lis.length; i++) {
            lis[i].onclick = function() {
                selectmain.hide();
                var textval = $(this).html();
                selecttext.text(decodeURIComponent(textval));
            }
        }
    });
    function gotoPj(){
        var url = "<c:url value='/evaluation/ldpj_list/0.html'/>";
        $('#ifrm_data', parent.document).attr("src", url);
    }
    //通知通报月份选择下拉结束
</script>
</body>

</html>